<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>权重叠加</title>
		<style>
			/* 0,0,0,3 */
			div ul li {
				color: cadetblue;
			}
			
			/* 0,0,0,1  + 0,0,0,1 = 0,0,0,2*/
			
			ul li {
				color: green;
			}
			/* 0,0,0,1 */
			li {
				color: red;
			}
			/* 0,0,1,0  +  0,0,0,1 = 0,0,1,1 */
			.nav li {
				color: darkblue;
			}
			/* 权重不会进位，最后以为无论怎么加，也不会向前边进1位 */
			
			
			/* a标签的权重 0，0，0，1
			 :hover的权重 0,0,1,0
			 0,0,1,1*/
			a:hover{
				color: red;
			}
		</style>
	</head>
	<body>
		<div>
			<ul class="nav">
				<li>开发</li>
				<li>测试</li>
				<li>运维</li>
			</ul>
			<a href="">跳转</a>
		</div>
	</body>
</html>